<template>
  <el-form label-width="80px" size="mini">
    <el-form-item label="内容">
<!--      <data-source-btn/>-->
      <el-input type="textarea" rows="5" v-model="item.text"></el-input>
    </el-form-item>
    <el-form-item label="样式主题">
      <el-select v-model="item.buttonType">
        <el-option value="" label="默认按钮"></el-option>
        <el-option value="primary" label="主要按钮"></el-option>
        <el-option value="success" label="成功按钮"></el-option>
        <el-option value="info" label="信息按钮"></el-option>
        <el-option value="warning" label="警告按钮"></el-option>
        <el-option value="danger" label="危险按钮"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="样式类型">
      <el-select v-model="item.isPlain">
        <el-option value="false" label="默认"></el-option>
        <el-option value="true" label="朴素"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="是否圆角">
      <el-select v-model="item.isRound">
        <el-option value="false" label="否"></el-option>
        <el-option value="true" label="是"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="字号">
      <el-input-number v-model="item.fontSize" :min="10"></el-input-number>
      px
    </el-form-item>
    <el-form-item label="字体颜色">
      <el-color-picker v-model="item.color"></el-color-picker>
    </el-form-item>
    <el-form-item label="背景颜色">
      <el-color-picker v-model="item.backgroundColor"></el-color-picker>
    </el-form-item>
  </el-form>
</template>
<script>
  import DataSourceBtn from '../../dataSource/button';

  export default {
    name: 'vpd-button-style',
    components: {
      DataSourceBtn
    },
    props: {
      item: {
        type: Object
      }
    }
  }
</script>
